<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>    
    <title><?php echo $title . ' &raquo; ' . $search_keywords; ?></title>
    
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    
    <base href="<?php echo $base; ?>" />

    <?php if ($icon) { ?>
        <link href="<?php echo $icon; ?>" rel="icon" />
    <?php } ?>
    <?php if ($keywords) { ?>
        <meta name="keywords" content="<?php echo $keywords; ?>" />
    <?php } ?>
    <?php if ($description) { ?>
        <meta name="description" content="<?php echo $description; ?>" />
    <?php } ?>
    <?php if ($canonical) { ?>
        <link rel="canonical" href="<?php echo str_replace('&', '&amp;', $canonical); ?>" />
    <?php } ?>
    <?php if ($addwish_meta_tags) { ?>
        <?php foreach ($addwish_meta_tags as $tag) { ?>
            <?php echo $tag ?>
        <?php } ?>
    <?php } ?>

    <!---------------- C S S ---------------->
	<link rel="stylesheet" type="text/css" href="<?php echo $base_link ?>css/reset.css" />
	<link rel="stylesheet" type="text/css" href="<?php echo $base_link ?>css/atooltip.css" />
	<link rel="stylesheet" type="text/css" href="<?php echo $base_link ?>css/skin.css" />
	<link rel="stylesheet" type="text/css" href="<?php echo $base_link ?>css/camera.css" />
	<link rel="stylesheet" type="text/css" href="<?php echo $base_link ?>css/lightbox.css" />
	<link rel="stylesheet" type="text/css" href="<?php echo $base_link ?>css/jquery.jqzoom.css" >
	<link rel="stylesheet" type="text/css" href="<?php echo $base_link ?>css/reveal.css" />

    <link id="main_css" rel="stylesheet" type="text/css" href="<?php echo $base_link ?>css/styles.css" />
	 
	<!---------------- J S ---------------->
	<script src="<?php echo $base_link ?>js/jquery_1_8_3.min.js"></script>
	<script type="text/javascript" src="<?php echo $base_link ?>js/jquery.atooltip.js"></script>
	 
	<!-- JS Menu Top --> 
	<!-- S Menu Zoom Prod -->
	<script src="<?php echo $base_link ?>js/jquery.jqzoom-core.js" type="text/javascript"></script>
	<!--JS Menu Zoom Prod Lightbox-->
	<script src="<?php echo $base_link ?>js/modernizr.custom.js"></script>
	<script src="<?php echo $base_link ?>js/lightbox-2.6.min.js"></script>
	<!--jCarousel load relative products-->
	<script type="text/javascript" src="<?php echo $base_link ?>js/jquery.jcarousel.min.js"></script>
	<!--  My JQ-->
	<script src="<?php echo $base_link ?>js/tho.js" type="text/javascript"></script>
	<!-- JS Slide Camera -->
	<!-- script type="text/javascript" src="<?php echo $base_link ?>js/jquery.min.js"></script -->
	<script type="text/javascript" src="<?php echo $base_link ?>js/jquery.easing.1.3.js"></script>
	<script type="text/javascript" src="<?php echo $base_link ?>js/jquery.mobile.customized.min.js"></script>
	<script type="text/javascript" src="<?php echo $base_link ?>js/camera.js"></script>
	<script type="text/javascript" src="<?php echo $base_link ?>js/jquery.cookie.js"></script>
	
	<script type="text/javascript">
    //<!--
		jQuery(function(){
			jQuery('#camera_wrap_1').camera({
				thumbnails: false,
				height: '360px',
				width:'960px'
			});

            $('.container').data("top", $('.container').offset().top);

            $(window).scroll(function(){
                if ($(window).scrollTop() > $('.container').data("top")) {
                    $('.container').css({'position': 'fixed', 'top': '0'});
                }
                else {
                    $('.container').css({'position': 'static', 'top': 'auto'});
                }
            });
		});

        $(window).load(function(){
            if (window!=window.top) {
                $('#main_css').attr('href', '<?php echo $base_link ?>css/fb.css');

                //Fix HTML
            }
        });

        function searchProduct() {
            $('#search_overlay').show();
            $('#searchForm').submit();
        }
    //-->
	</script>
</head>
<body>
<div id="page">
    <!-- div class="addwish-panel-toggle">
        <a href="#" class="btnAddwish">
            <span class="iconAddwish"><img src="catalog/view/theme/<?php echo $template; ?>/images/iconAddwish.png"></span>
            <span class="txtAddwish">addwish</span>
        </a>
    </div -->
    <!--addwish-panel-toggle-->

    <header class="clearfix">
        <div class="w-content clearfix">
            <div class="wrap-top-head clearfix">
                <h1 id="logo"><a href="<?php echo $home ?>"><img src="catalog/view/theme/<?php echo $template; ?>/images/logo.png" /> </a></h1>
                <div class="wrapSearch">
                    <form id="searchForm" method="post" action="<?php echo $search_url; ?>">
                        <input id="search" class="txtInput" name="keyword" value="<?php echo $keyword; // efter id eller produktnavn'; ?>" title="Søg" placeholder="Søg kategori, mærke, produkt"/>
                        <span class="iconSearch"><img src="catalog/view/theme/<?php echo $template; ?>/images/iconSearch.png" alt="Search" onclick="jQuery('#searchForm').submit()" ></span>
                    </form>
                </div>

                <div class="wrap-list-icon-social">
                  <ul class="list-icon-social">
                    <li><a href="https://www.facebook.com/Havhokeren" target="_blank"> </a></li>
                    <li><a href="https://twitter.com/havhokeren" target="_blank"> </a></li>
                    <li><a href="http://www.youtube.com/watch?v=nSM_5DmGjgA&feature=player_embedded" target="_blank"> </a></li>
                  </ul>
               </div><!--wrap-list-icon-social-->

                <div class="wrapControl">
                     <a href="https://certifikat.emaerket.dk/eshop/havhokeren.dk" target="_bank"><img src="catalog/view/theme/<?php echo $template; ?>/images/iconControl.png" alt=""></a>
                </div>

            </div>
        </div><!--w-content-->
    </header>
 
    <div class="wrap-nav-shop container clearfix">
        <div class="w-content">
            <nav class="">
                <ul id="nav">
                    <li class="top liHome"><a href="<?php echo $home; ?>" ><span><img src="catalog/view/theme/<?php echo $template; ?>/images/iconHome.png"> </span></a></li>
                    <li class="top liProdukt <?php echo $product_active;?>"><a href="<?php echo $manufacturer //$product; ?>" ><span>Produktmenu </span></a>
                      <span class="iconsub"> <img src="catalog/view/theme/<?php echo $template; ?>/images/iconsub.png"></span>
                      <div class="sub-list">
                          <div class="row-container">
                          <?php
                          $index = 1;
                          foreach($categories as $k => $cat){
                          ?>
                          <div class="eachCol col<?php echo $index;?>">
                            <?php foreach($cat as $t => $v){
                                    $name = $v["name"];
                                    $href = $v["href"];
                                    $children = $v["children"];
                                ?>
                                    <a class="top_category" href="<?php echo $href;?>"><?php echo $name;?></a>
                                    <?php if(count($children)){ ?>
                                    <ul>
                                    <?php
                                    foreach($children as $c=>$value){
                                    ?>
                                    <li><a href="<?php echo $value["href"];?>"><?php echo $value["name"];?></a></li>
                                    <?php
                                    }
                                    ?>
                                    </ul>
                                    <?php
                                    }
                                    ?>
                            <?php }?>
                          </div>
                          <?php
                          $index++;
                          }
                          ?>

                          </div><!--row-container-->
                      </div><!--sub-list-->
                    </li>
                    <li class="top liBrands <?php echo $manufacturer_active?>"><a href="<?php echo $manufacturer; ?>"><span>BRANDS </span></a>
                        <span class="iconsub"> <img src="catalog/view/theme/<?php echo $template; ?>/images/iconsub.png"></span>
                        <div class="sub-list">
                            <div class="row-container">
                                <?php $index = 1;?>
                                <?php foreach ($manufacturers as $subs) { ?>
                                    <div class="eachCol col<?php echo $index;?>">
                                        <ul>
                                            <?php foreach($subs as $k=>$v){ ?>
                                              <li><a href="<?php echo $v["href"];?>"><?php echo $v["name"]?></a></li>
                                              <?php }?>
                                        </ul>
                                    </div><!--eachCol col1-->
                                    <?php
                                    $index++;
                                } ?>
                            </div><!--row-container-->
                        </div><!--sub-list-->
                    </li>
                    <li class="top <?php echo $omos_active?>"><a href="<?php echo $omos; ?>" ><span>Om Havhøkeren</span></a> </li>

                    <li class="top <?php echo $handels_active?>"><a href="<?php echo $handels; ?>" ><span>HANDELSBETINGELSER  </span></a> </li>
                    <li class="top <?php echo $contact_active?>"><a href="<?php echo $contact; ?>" ><span>Kontakt os </span></a>  </li>
                </ul>
            </nav>

            <div class="wrap-shopping-bag">
                <?php echo $cart ?>

                <div id="ppShoppingbag" class="reveal-modal">
                    <div class="wrap-inner-Shoppingbag">
                        <div class="wrapTb">
                              <?php echo $cart_detailview;?>
                        </div><!--wrapTb-->
                        <a class="close-reveal-modal">&#215;</a>
                    </div><!--wrap-inner-Shoppingbag-->
                </div><!--#ppShoppingbag-->
            </div><!-- wrap-shopping-bag -->

        </div><!--w-content-->
    </div>
    <!--wrap-nav-shop-->
    <div class="divFake">
        <div class="indivFake">
            <div id="ppCartcredit" class="reveal-modal">
                <div class="wrap-pp wrap-cartcredit">
                    <h4>ViaBill betingelser</h4>
                    <p>I samarbejde med ViaBill kan vi tilbyde faktura eller delbetaling. Det betyder at du kan købe dine varer nu, og vente med at betale.</p>
                    <p>Når du gennemfører din bestilling, skal du vælge blot vælge ” ViaBill" som betalingsmetode. Klik på ” Gå til betaling ”og du bliver ført til en sikker side som kun ViaBill har adgang til at se, her gennemføres et kredittjek. Du får svar med det samme, og derefter er bestillingen gennemført.</p>
                    <p>Vi sender dig dine varer og en faktura som dokumentation på din ordre, sideløbende vil du modtage en opkrævning fra ViaBill, det er denne du skal indbetale efter. </p>
                    <p>Har du spørgsmål, er du meget velkommen til at kontakte vores kundeservice på tlf. 4930 1699. </p>
                    <p>Alle spørgsmål vedrørende betaling af en faktura, skal rettes til ViaBill på telefon 88 826 826, da det er dem der yder kreditten. </p>
                </div><!--wrap-cartcredit-->
                <a class="close-reveal-modal">&#215;</a>
            </div><!--#ppCartcredit-->

            <div id="ppNyhedsbrev" class="reveal-modal">
                <div class="wrap-pp wrap-nyhedsbrev">
                    <h4>TILMELD DIG VORES NYHEDSBREV HER OG FÅ</h4>
                    <h6>5% rabat på alle onlinekøb!</h6>
                    <p>Shop online hele døgnet eller besøg os i butikken på:  <br> Ndr. Havnevej 9, 3250 gilleleje </p>
                    <div class="QRight">
                         <p><label> Mandag &ndash; fredag </label> <span>10.00-17-30</span> </p>
                         <p><label>Lørdag</label> <span>10.00-16.00</span> </p>
                         <p><label>Søndag</label> <span>11.00-16.00</span> </p>
                    </div>
                    <div class="QLeft">
                      <?php echo $newsletter_home;?>

                    </div>
                </div><!--wrap-nyhedsbrev-->
                <a class="close-reveal-modal">&#215;</a>
            </div><!--#ppNyhedsbrev-->

            <!-- Tell friend -->
            <?php //echo $tellfriend; ?>

            <!-- Send a question -->
            <?php //echo $send_question; ?>

            <div id="ppProdDetail" class="reveal-modal">
                <div class="popupProdDetail">
                <img src="catalog/view/theme/<?php echo $template; ?>/images/loading.gif" />
                </div><!--popupProdDetail-->
            </div><!--#ppProdDetail-->

        </div><!--indivFake-->
    </div><!--divFake-->